<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    
    <head>
        <title>
        </title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/main.css">
    </head>
    
    <body class="" ontouchstart>
        <div class="bc-bg" tabindex="0" data-control="PAGE" id="Page">
            <div class="uh bc-head  ubb bc-border" data-control="HEADER" id="Header">
                <div class="ub">    
                    <div class="nav-btn ub" id="nav-left">
                        <div class="ulev0 umar-l" id="city">北京
                        </div>
                        <div class="ub-fi fa fa-angle-down umar-l" id="location"></div>
                    </div>
                    <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">荟生活</h1>
                    <div class="nav-btn" id="nav-right">
                        <div class="fa fa-lg  ub-img1">
                        </div>
                    </div>
                </div>
            </div>
            <div class="" data-control="CONTENT" id="ScrollContent">
                <!-- 插入图片轮播控件 -->
                <div id="slider" class="slider">
                </div>
                <!-- 插入九宫格控件 -->
                <div class="ub ub-ver bc-bg1">
                    <div class="ub ub-f1 umar-a">
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac">
                            <div class="ub-f1 ub-img wh-icon1 icon1 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                美食
                            </div>
                        </div>
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac">
                            <div class="ub-f1 ub-img wh-icon1 icon2 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                小吃快餐
                            </div>
                        </div>
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac">
                            <div class="ub-f1 ub-img wh-icon1 icon3 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                休闲娱乐
                            </div>
                        </div>
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac">
                            <div class="ub-f1 ub-img wh-icon1 icon4 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                全部分类
                            </div>
                        </div>
                    </div>
                    <div class="ub ub-f1 umar-a">
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac">
                            <div class="ub-f1 ub-img wh-icon1 icon5 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                团购
                            </div>
                        </div>
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac">
                            <div class="ub-f1 ub-img wh-icon1 icon6 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                订酒店
                            </div>
                        </div>
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac" id="dingwaimai">
                            <div class="ub-f1 ub-img wh-icon1 icon7 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                订外卖
                            </div>
                        </div>
                        <div class="ub ub-f1 ub-ver ub-pc ub-ac">
                            <div class="ub-f1 ub-img wh-icon1 icon8 umar-t">
                            </div>
                            <div class="ulev-1 umar-t">
                                看电影
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 图文排列 -->
                <div class="ub bc-bg1 umar-b">
                    <div class="ub ub-f1 ub-ver ub-pc ub-ac product-item" id="product-item1">
                        <div class="ub ub-f1 ub-img product-img img-ayuzhuang">
                        </div>
                        <div class="ulev-1 umar-t product-name">
                            阿鱼庄
                        </div>
                        <div class="ub">
                            <div class="price-tag">￥88</div>
                            <div class="discount-tag">再减20</div>
                        </div>
                    </div>
                    <div class="ub ub-f1 ub-ver ub-pc ub-ac product-item">
                        <div class="ub ub-f1 ub-img product-img img-valentine">
                        </div>
                        <div class="ulev-1 umar-t product-name">
                            情人节
                        </div>
                        <div class="ub">
                            <div class="price-tag">￥88</div>
                            <div class="discount-tag">再减20</div>
                        </div>
                    </div>
                    <div class="ub ub-f1 ub-ver ub-pc ub-ac product-item">
                        <div class="ub ub-f1 ub-img product-img img-hotel">
                        </div>
                        <div class="ulev-1 umar-t product-name">
                            阿鱼庄
                        </div>
                        <div class="ub">
                            <div class="price-tag">￥88</div>
                            <div class="discount-tag">再减20</div>
                        </div>
                    </div>
                </div>
                <!-- 插入底部选项卡控件 -->
                <div id="tabview" class="uf sc-bg ubt sc-border-tab">
                </div>
            </div>
        </div>
        <script src="js/appcan.js">
        </script>
        <script src="js/appcan.control.js">
        </script>
        <script src="js/appcan.scrollbox.js">
        </script>
        <script src="js/template.import.js">
        </script>
        <script src="./assets/mvvm/index.js">
        </script>
        <script src="./js/index.js">
        </script>
    <script src="js/appcan.slider.js"></script>
    <!-- 图片轮播控件 -->
    <script>
        var slider = appcan.slider({
        selector : '#slider',
        aspectRatio:10/16,
        hasLabel:true,
        auto: 2000,
        index:0
        });
        slider.set([{
            img : "css/imgs/goods1.png",
            label:"好用的手机壳"
        }, {
            img : "css/imgs/icon14.png",
            label:"好用的图片"
        }, {
            img : "css/imgs/icon15.png",
            label:"房间"
        }])
        slider.on("clickItem",function(index,data){
        })
    </script>
    <script src="js/appcan.tab.js"></script>
    <!-- 底部选项卡控件 -->
    <script>
        var tabview = appcan.tab({
        selector : "#tabview",
        hasIcon : true, // 是否显示图标
        hasAnim : false, // 是否显示动画
        hasLabel : true, // 是否显示标签
        hasBadge : false, // 是否显示徽章
        data : [{
            label : "首页",
            "icon":"fa-home"
        }, {
            label : "精选",
            "icon":"fa-inbox"
        }, {
            label : "我的",
            "icon":"fa-cog",
        },{
            label : "登录",
            "icon":"fa-user"
        }]
    });
    tabview.on("click",function(obj, index){
        if(index == 0){
            appcan.window.open({
                name : "index",
                data : 'index.html'
            })
        }else if(index == 1){
            appcan.window.close(-1);
            appcan.window.open({
                name : "goods",
                data : 'goods.html'
            })
        }else if(index == 2){
            appcan.window.close(-1);
            appcan.window.open({
                name : "personal",
                data : 'personal.html'
            })
        }else if(index == 3){
            appcan.locStorage.setVal("yemian", "index"); //保存页面
            appcan.window.close(-1);
            appcan.window.open({
                name : "login",
                data : 'login.html'
            })
        }
    })
    </script>
</body>
</html>